@charset "utf-8";

*{
    margin:0;
    padding:0;
    text-decoration: none;
    list-style: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear::after{
    content: "";
    display: block;
    clear: both;
}


.content{
    height:1600px;
    background-image: url(../img/bg.png);
    .cont_top{
        position: relative;
        height:72px;
        background-color: #08cacc;
        line-height: 72px;
        padding-left: 57px;
        p{
            padding-right:27px;
            font-size: 18px;
            color: #fff;
        }
        i{
            position: absolute;
            top:2px;
            left:100px;
            color:  #fff;
        }
    }
    .cont_t{
        position: relative;
        background-color:#fccf00;
        height:107px;
        .cont_tl{
            width:620px;
            margin:0 auto;
            padding-top:40px;
            .cont_list{
            margin-right:22px;
            text-align: center;
            line-height: 35px;
            width:100px;
            height:35px;
            border-radius: 20px;
            background-color: #fff;
            }
            .cont_list:first-child{
                background-color: #08cacc;
            }
        }
        .face_img{
            position: absolute;
            top:0;
            right:40px;
            width:200px;
            height:107px;
            line-height: 107px;
            p{
                font-size: 24px;
                color: #fff;
                padding-right: 21px;
            }
            .img_t{
                width:55px;
                height:55px;
                padding-top: 46px;
            }
        }
        
    }
    img{
        margin-top:-20px;
        width:100%;
    }
    .cont_de{
        padding-top: 60px;
        .cont_detd{
            width:640px;
            height:520px;
            margin:0 auto;
            .cont_item1{
                height:500px;
                padding-right:70px;
                border-right:3px dashed #f7f7f7;
                .item_icon{
                    width:200px;
                    color:#cacaca;
                    line-height: 100px;
                    height:100px;
                    i{
                        font-size: 80px;
                    }
                    .icon-youxiting{
                        font-size: 60px;
                    }
                    .icon_text{
                        padding-left: 17px;
                    }
                }
                .item_icon:first-child{
                    color: #08cacc;
                }
                .icon-jiantou_xia{
                    padding-left: 30px;
                    color:#ccc;
                    font-size: 25px;
                }
            }
            .cont_item2{
                padding-left: 100px;
                .box{
                    margin-bottom:27px;
                    width:240px;
                    height:52px;
                    line-height:52px;
                    padding-left: 23px;
                    background-color: #f7f7f7;
                    border-radius: 5px;
                }
                .btn{
                    width:120px;
                    height:42px;
                    border-radius: 20px;
                    border:1px solid #cacaca;
                    text-align: center;
                    line-height: 42px;
                    margin-top:122px;
                    color: #cacaca;
                }
            }
        }
    }
}   
